<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit" />
		<meta name="robots" content="index, follow" />
		<title>臻素妍</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="order by website" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
		 crossorigin="anonymous"></script>
		 <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen" />
		<style type="text/css">
			*{padding: 0;margin: 0;font-family: syht;}
			.index{padding: 0;}
			.w100{width: 100%;}
			.indexa{top: 24%;width: 76%;right: 0;left: 0;margin: 0 auto;}
			.pa{position: absolute;}
			.pr{position: relative;}
			.indexa01{font-size: 20px;color: rgb(205,171,123);}
			.indexa01 span{font-size: 15px;color: rgb(100,100,100);}
			.indexa02{font-size: 15px;color: rgb(201, 178, 114);margin-bottom: 10px;}
			.indexa03{font-size: 14px;color: rgb(129,129,129);}
			.indexb{top: 8%;width: 70%;right: 0;left: 0;margin: 0 auto;}
			.indexb01{font-size: 14px;color: rgb(149,149,149);line-height: 1.6;text-align: justify;font-weight: lighter;}
			.indexb01a{text-align: center;margin-top: 10%;}
			.indexb01a button{border-width: 1px;border-color: rgb(212,169,116);border-style: solid;border-radius: 4px;height: 40px;width: 70%;background: rgba(0,0,0,0);font-size: 14px;color: rgb(212,169,116);}
			.indexc{top: 8%;width: 70%;right: 0;left: 0;margin: 0 auto;}
			.indexb02{font-size: 40px;color: rgb(50,50,50);margin-bottom: 20px;}
			.indexb02 img{height: 100px;}
			.indexb03{font-size: 15px;color: rgb(130,130,130);line-height: 1.6;font-weight: lighter;}
			.indexb03 span{color: rgb(63,63,63);}
			.indexb04{font-size: 25px;color: rgb(201,178,114);line-height: 1.4;font-weight: lighter;margin-bottom: 20px;}
			.indexb05{font-size: 24px;color: rgb(201,178,114);}
			.indexd{top: 14%;width: 70%;right: 0;left: 0;margin: 0 auto;}
			.indexe{bottom: 9%;width: 100%;right: 0;left: 0;margin: 0 auto;text-align: center;}
			.indexe button{border-width: 1px;border-color: rgb(212,169,116);border-style: solid;border-radius: 4px;height: 40px;width: 50%;background: rgba(0,0,0,0);font-size: 14px;color: rgb(212,169,116);}
			.indexg{bottom: 12%;width: 100%;right: 0;left: 0;margin: 0 auto;text-align: center;}
			.indexg button{border-width: 1px;border-color: rgb(212,169,116);border-style: solid;border-radius: 4px;height: 40px;width: 50%;background: rgba(0,0,0,0);font-size: 14px;color: rgb(212,169,116);}
			.indexf{bottom: 9%;width: 100%;right: 0;left: 0;margin: 0 auto;text-align: center;}
			.indexf input{font-size: 14px;color: rgb(204,204,204);border: 1px solid rgb(205,171,123);background: rgb(243,243,243);width: 83%;height: 40px;padding: 0 20px;margin-bottom: 10px;outline: none;text-shadow: none;box-shadow: none;-webkit-appearance: none;}
			.indexf button{border-width: 1px;border-color: rgb(212,169,116);border-style: solid;border-radius: 4px;height: 40px;width: 83%;background-color: rgb(205, 171, 123);font-size: 14px;color: rgb(255, 255, 255);}



			@font-face {
				font-family: syht;
				src: url('fonts/AlibabaPuHuiTiRegular.ttf');
			}
			.ywz{font-family: syhta;}
			@font-face {
				font-family: syhta;
				src: url('fonts/AKZIDENZGROTES-LIGHTOSF0.OTF');
			}
			.ywzb{font-family: syhtb;}
			@font-face {
				font-family: syhtb;
				src: url('fonts/AlibabaPuHuiTiLight.ttf');
			}

		</style>
	</head>
	<body>
		<div class="row">
			<div class="col-xs-12 index">
				<div>
					<img class="w100" src="images/index01.jpg" >
					<img class="w100" src="images/index02.jpg" >
					<img class="w100" src="images/index03.jpg" >
					<img class="w100" src="images/index04.jpg" >
					<div class="pr">
						<img class="w100 pr" src="images/index05.jpg" >
						<div class="pa indexg">
							<button type="button" class="ljyytz">立即预约</button>
						</div>
					</div>
					<img class="w100" src="images/index06.jpg" >
					<img class="w100" src="images/index07.jpg" >
					<img class="w100" src="images/index08.jpg" >
					<img class="w100" src="images/index008.jpg" >
					
					<div class="pr">
						<img class="w100 pr" src="images/index09.jpg" >
						<div class="pa indexe">
							<button type="button" class="ljyytz">立即预约</button>
						</div>
					</div>
					<img class="w100" src="images/index10.jpg" >
					<img class="w100" src="images/index11.jpg" >
					<img class="w100" src="images/index12.jpg" >
					<div class="pr" id="box0">
						<img class="w100 pr" src="images/index13.jpg" >
						<div class="pa indexf">
							<input type="text" placeholder="你的电话"/>
							<input type="text" placeholder="您的姓名"/>
							<button type="button">立即预约</button>
						</div>
					</div>
					<img class="w100" src="images/index14.jpg" >
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$('.ljyytz').click(function(){
		var a= $("#box0").offset().top
		$("html,body").animate({scrollTop:a-80},1000)
	})
</script>

<script>
function ck2(){
  var username=$("#username").val();
  var phone=$("#tel").val();
  var address=$("#qq").val();
  var content=$("#content").val();
  if(username=="" || phone=="" || address=="" || content==""){
    alert("请填写完整");
    return false;
  }
  if(phone.length!=11){
    alert("手机号码格式不正确");
    return false;
  }
  $("#form2").submit();
}
</script>